<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/6/21
  Time: 21:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>学习课程</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- All Plugins Css -->
    <link href="assets/css/plugins.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="assets/css/styles.css" rel="stylesheet">
</head>

<body class="blue-skin">
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="Loader"></div>

<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">

    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->
    <!-- Start Navigation -->
    <div class="header header-light">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <nav id="navigation" class="navigation navigation-landscape">
                        <div class="nav-header">
                            <a class="nav-brand" href="#">
                                <img src="assets/img/logo3.png" class="logo" alt="" />
                            </a>
                            <div class="nav-toggle"></div>
                        </div>
                        <div class="nav-menus-wrapper">
                            <ul class="nav-menu">

                                <li><a href="jump/toindex">主页<span class="submenu-indicator"></span></a>
                                </li>

                                <li class="active"><a href="jump/tostudy">学习主题<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/toclass">Java</a></li>
                                        <li><a href="jump/toclass">Java Script</a></li>
                                        <li><a href="jump/toclass">C</a></li>
                                        <li><a href="jump/toclass">C#</a></li>
                                        <li><a href="jump/toclass">C++</a></li>
                                        <li><a href="jump/toclass">Python</a></li>
                                    </ul>
                                </li>
                                <li><a href="jump/toarticles">精品文章</a></li>
                                <li><a href="jump/tofaq">问题与解答</a></li>
                                <li><a href="jump/toteacher">金牌讲师<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/toteacher">mxt</a></li>
                                    </ul>
                                </li>
                                <li><a href="jump/touser">其他<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/tologin">登录</a></li>
                                        <li><a href="jump/tosignup">注册</a></li>
                                        <li><a href="jump/towallets">数据表</a></li>
                                        <li><a href="jump/touser">个人信息</a></li>
                                        <li><a href="index/logout/${jump}">退出登录</a> </li>
                                    </ul>
                                </li>
                            </ul>
                            <jsp:include page="denglu.jsp"/>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- End Navigation -->
    <div class="clearfix"></div>
    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->


    <!-- ============================ Title Banner  Start================================== -->
    <div class="title-banner center">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <h1>Odex - Online Organic Food & Grocery Store</h1>
                </div>
            </div>
        </div>
    </div>
    <div class="breadcrumb_top">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="javascript:void(0)"><i class="fa fa-home"></i></a></li>
                            <li class="breadcrumb-item"><a href="javascript:void(0)">Files</a></li>
                            <li class="breadcrumb-item"><a href="javascript:void(0)">HTML Templates</a></li>
                            <li class="breadcrumb-item"><a href="javascript:void(0)">Corporate</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Business</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- ============================ Title Banner End ================================== -->

    <!-- ============================ Item Detail Start ================================== -->
    <section>
        <div class="container">
            <div class="row">

                <div class="col-lg-8 col-md-12 col-sm-12">
                    <div class="_uy76_gallery">
                        <img src="assets/img/browse.webp" class="img-fluid" alt="">
                    </div>
                    <div class="_uy76_buttons">
                        <div class="urip_follo_link">
                            <ul>
                                <li><a href="#" class="liks light-dark">Live Demo</a></li>
                                <li><a href="#" class="liks gree_button">Screenshots</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="_uy76_noted">
                        <blockquote class="noted">
                            Note: This is only HTML Template
                        </blockquote>
                    </div>
                    <div class="_uy76_caption">
                        <div class="g6">
                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
                        </div>
                        <div class="g6">
                            At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
                        </div>
                        <div class="_uy76_noted">
                            <blockquote>
                                <p class="quote"><span class="big">“</span>Actually or the tone play is the curiously, was have out fully than pervasively got derisively empty<span class="big">“</span></p>
                            </blockquote>
                        </div>
                        <div class="g6">
                            Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur
                        </div>
                        <div class="g6">
                            <h2 id="item-description__features-list">Features list</h2>
                            <ul>
                                <li>HTML5 &amp; CSS3</li>
                                <li>Built with Bootstrap 3.3</li>
                                <li>Freelancing Page</li>
                                <li>Ads Management </li>
                                <li>40+ All Pages</li>
                                <li>Responsive design</li>
                                <li>Multi Color Option</li>
                                <li>Premium Job Option</li>
                                <li>Dashboard Include</li>
                                <li>Multi Search, Resume &amp; Employer Pages</li>
                                <li>Well documented</li>
                                <li>Creative Design</li>
                                <li>6 Home Pages</li>
                                <li>2 Blog Page</li>
                                <li>26 Inner Pges</li>
                                <li>Developer friendly code</li>
                                <li><strong>Easy to customize</strong></li>
                                <li>FontAwesome <strong>600+ icons</strong></li>
                                <li>ICONS ET-LINE <strong>100+ icons</strong></li>
                            </ul>
                        </div>
                        <div class="g6">
                            <a href="#" class="_bh875">Purchage Now</a>
                        </div>
                    </div>
                </div>

                <!-- Sidebar Start -->
                <div class="col-lg-4 col-md-12 col-sm-12">
                    <!-- Selecr License -->
                    <div class="urip_widget_wrap light mb-4">

                        <div class="urip_widget_header">
                            <h4>Select License</h4>
                            <span>Choose Suitable License</span>
                        </div>

                        <div class="urip_widget_body">
                            <form>
                                <!-- Regular License -->
                                <div class="urip_single_license">
                                    <div class="urip_license_lko">
                                        <div class="urip_license_123">
                                            <ul class="no-ul-list filter-list">
                                                <li>
                                                    <input id="urip1" class="radio-custom" name="license" type="radio" checked="">
                                                    <label for="urip1" class="radio-custom-label"></label>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="urip_license_124">
                                            <h5 class="urip_license_title">Regular License<img src="assets/img/selected.svg" class="img-fluid ml-1" width="15" alt="selected"></h5>
                                            <div class="urip_desc">Use or by you or onle client in a single we end.</div>
                                        </div>
                                    </div>
                                    <div class="urip_license_next">
                                        <span class="urip_purchase_price">$39</span>
                                    </div>
                                </div>

                                <!-- Regular License -->
                                <div class="urip_single_license">
                                    <div class="urip_license_lko">
                                        <div class="urip_license_123">
                                            <ul class="no-ul-list filter-list">
                                                <li>
                                                    <input id="urip2" class="radio-custom" name="license" type="radio">
                                                    <label for="urip2" class="radio-custom-label"></label>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="urip_license_124">
                                            <h5 class="urip_license_title">Extended License</h5>
                                            <div class="urip_desc">Use or by you or onle client in a single we end.</div>
                                        </div>
                                    </div>
                                    <div class="urip_license_next">
                                        <span class="urip_purchase_price">$499</span>
                                    </div>
                                </div>

                                <!-- Commercial License -->
                                <div class="urip_single_license none">
                                    <div class="urip_license_lko">
                                        <div class="urip_license_123">
                                            <ul class="no-ul-list filter-list">
                                                <li>
                                                    <input id="urip3" class="radio-custom" name="license" type="radio">
                                                    <label for="urip3" class="radio-custom-label"></label>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="urip_license_124">
                                            <h5 class="urip_license_title">Commercial License</h5>
                                            <div class="urip_desc">Use or by you or onle client in a single we end.</div>
                                        </div>
                                    </div>
                                    <div class="urip_license_next">
                                        <span class="urip_purchase_price">$999</span>
                                    </div>
                                </div>

                                <div class="_purchagser_buttons">
                                    <a href="javascript:void(0);" class="_yt5r_buy dark">Purchase Now</a>
                                </div>
                            </form>
                        </div>
                    </div>

                    <!-- Author Info -->
                    <div class="urip_widget_wrap light mb-4 large">
                        <div class="urip_widget_avater">
                            <a href="author-portfolio.html"><img src="assets/img/author.png" class="img-fluid circle" alt=""></a>
                            <div class="veryfied_author"><img src="assets/img/verified.svg" class="img-fluid" width="15" alt=""></div>
                        </div>
                        <div class="widget_avater_124">
                            <h4 class="avater_name_214"><a href="author-portfolio.html">Digital Studio</a></h4>
                            <span>Member since Sep 2016</span>
                        </div>
                        <div class="widget_avater_124">
                            <ul class="auhor_list_badges">
                                <li><img src="assets/img/golden.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/1st.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/2year.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/3year.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/platinum.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/green-elite.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/gold-medal.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/smart.svg" class="img-avater rounded" width="40" alt=""></li>
                            </ul>
                        </div>
                        <div class="widget_lkpi">
                            <ul class="auhor_info_list_215">
                                <li><div class="urip_jbl"><span class="count">102</span>K</div><span class="smallest">Sales</span></li>
                                <li><div class="urip_jbl urip_rates good">4.7</div><a href="javascript:void(0)"><span class="smallest">42Reviews</span></a></li>
                                <li><div class="urip_jbl">152</div><a href="javascript:void(0)"><span class="smallest">Comments</span></a></li>
                            </ul>
                        </div>
                        <div class="widget_avater_423">
                            <a href="author-portfolio.html" class="link_portfolio">View Portfolio</a>
                        </div>
                    </div>

                    <!-- Product Information -->
                    <div class="urip_widget_wrap light mb-4">

                        <div class="urip_widget_header bg__2">
                            <h4>Product Information</h4>
                        </div>

                        <div class="urip_widget_body">
                            <div class="dp_detail_infobox">

                                <div class="dp_single_list">
                                    <div class="dp_single_list_title">
                                        Created:
                                    </div>
                                    <div class="dp_single_list_info">
                                        10 July 2020
                                    </div>
                                </div>

                                <div class="dp_single_list">
                                    <div class="dp_single_list_title">
                                        Last update:
                                    </div>
                                    <div class="dp_single_list_info">
                                        28 Aug 2020
                                    </div>
                                </div>

                                <div class="dp_single_list">
                                    <div class="dp_single_list_title">
                                        Gutenberg Optimized:
                                    </div>
                                    <div class="dp_single_list_info">
                                        Yes
                                    </div>
                                </div>

                                <div class="dp_single_list">
                                    <div class="dp_single_list_title">
                                        High Resolution:
                                    </div>
                                    <div class="dp_single_list_info">
                                        yes
                                    </div>
                                </div>

                                <div class="dp_single_list">
                                    <div class="dp_single_list_title">
                                        Widget Ready:
                                    </div>
                                    <div class="dp_single_list_info">
                                        Yes
                                    </div>
                                </div>

                                <div class="dp_single_list">
                                    <div class="dp_single_list_title">
                                        Compatible Browsers:
                                    </div>
                                    <div class="dp_single_list_info">
                                        <a href="javascript:void(0);">IE10</a>, <a href="javascript:void(0);">IE11</a>, <a href="javascript:void(0);">Firefox</a>, <a href="javascript:void(0);">Safari</a>, <a href="javascript:void(0);">Opera</a>
                                    </div>
                                </div>

                                <div class="dp_single_list">
                                    <div class="dp_single_list_title">
                                        Compatible With:
                                    </div>
                                    <div class="dp_single_list_info">
                                        <a href="javascript:void(0);">Elementor</a>, <a href="javascript:void(0);">WooCommerce 3.5</a>, <a href="javascript:void(0);">WooCommerce 4.1</a>, <a href="javascript:void(0);">WooCommerce 4.2</a>, <a href="javascript:void(0);">WooCommerce 4.7</a>
                                    </div>
                                </div>

                                <div class="dp_single_list">
                                    <div class="dp_single_list_title">
                                        Software Version:
                                    </div>
                                    <div class="dp_single_list_info">
                                        <a href="javascript:void(0);">WordPress 4.5.x</a>, <a href="javascript:void(0);">WordPress 4.3.x</a>, <a href="javascript:void(0);">WordPress 5.3.x</a>, <a href="javascript:void(0);">WordPress 5.4.x</a>
                                    </div>
                                </div>

                                <div class="dp_single_list">
                                    <div class="dp_single_list_title">
                                        Files Included:
                                    </div>
                                    <div class="dp_single_list_info">
                                        <a href="javascript:void(0);">PHP Files</a>, <a href="javascript:void(0);">CSS</a>, <a href="javascript:void(0);">JS Files</a>, <a href="javascript:void(0);">HTML Files</a>, <a href="javascript:void(0);">Sass Files</a>
                                    </div>
                                </div>

                                <div class="dp_single_list">
                                    <div class="dp_single_list_title">
                                        Documentation:
                                    </div>
                                    <div class="dp_single_list_info">
                                        Yes
                                    </div>
                                </div>

                                <div class="dp_single_list">
                                    <div class="dp_single_list_title">
                                        Layout:
                                    </div>
                                    <div class="dp_single_list_info">
                                        Responsiveness
                                    </div>
                                </div>

                                <div class="dp_single_list">
                                    <div class="dp_single_list_title">
                                        Tags:
                                    </div>
                                    <div class="dp_single_list_info">
                                        <a href="javascript:void(0);">job</a>, <a href="javascript:void(0);">resume</a>, <a href="javascript:void(0);">fashion</a>, <a href="javascript:void(0);">candidates</a>, <a href="javascript:void(0);">employer</a>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </section>
    <!-- ============================ Item Detail Start ================================== -->

    <!-- ============================ Call To Action Start ================================== -->
    <section class="call-to-act" style="background:#5d47dd url(assets/img/landing-bg.png) no-repeat">
        <div class="container">
            <div class="row justify-content-center">

                <div class="col-lg-7 col-md-8">
                    <div class="clt-caption text-center mb-4">
                        <h3>Subscribe Now!</h3>
                        <p>Simple pricing plans. Unlimited web maintenance service</p>
                    </div>
                    <div class="inner-flexible-box subscribe-box">
                        <div class="input-group">
                            <input type="text" class="form-control large" placeholder="Enter your mail here">
                            <button class="btn btn-subscribe" type="button"><i class="fa fa-arrow-right"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ============================ Call To Action End ================================== -->

    <!-- =========================== Footer Start ========================================= -->
    <jsp:include page="footer.jsp"></jsp:include>
    <!-- =========================== Footer End ========================================= -->

    <!-- Log In Modal -->
    <!-- End Modal -->

</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->

<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/select2.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/ion.rangeSlider.min.js"></script>
<script src="assets/js/counterup.min.js"></script>
<script src="assets/js/custom.js"></script>
<!-- ============================================================== -->
<!-- This page plugins -->
<!-- ============================================================== -->

<script>
    function openRightMenu() {
        document.getElementById("rightMenu").style.display = "block";
    }
    function closeRightMenu() {
        document.getElementById("rightMenu").style.display = "none";
    }
</script>

</body>

</html>